<script setup lang='ts'>
import { useRouter } from 'vue-router';
const $router  = useRouter()
</script>

<template>
  <div class="undefined">
    <div class="container">
    </div>
    <el-button class="btn" @click="$router.push('/')" type="success">返回首页</el-button>
  </div>
</template>

<style scoped class="scss">
.undefined {
    width: 100%;
    height: 100vh;
    .container {
        background: url('../../assets/svg/404.svg') no-repeat;
        background-size: 100% 100%;
        width: 33vw;
        height: 43vh;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%) scale(2.5);
    }
    .btn {
        display: block;
        position: fixed;
        bottom: 20%;
        left: 50%;
        transform: translateX(-50%);
        background-color: #22af85;
    }
}

</style>